<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href = "css/reset.css">
    <script src="js/jquery.3.1.0.js"></script>
    <link rel="stylesheet" type="text/css" href = "css/webShare.css">
    <title>518彩店邀您中大奖</title>
</head>
<body>
<div class="container">
    <div class="content" style="padding: 0;margin: 0;">
        <div class="left-div">
            <img class="top-img" src="image/register_bg.png">
        </div>
        <div class="right-div">
            <img class="icon-img" src="image/register_icon.png">
            <div class="nickname-div"></div>
            <div class="friend-code">邀请码：<span class="friendCode" style="color:#edbf23">2345</span></div>
            <div class="input-div">
                <span class="input-title">手机</span>
                <input id="tel" class="input" type="tel" placeholder="请输入手机号"/>
            </div>
            <div class="input-div">
                <span class="input-title">验证码</span>
                <input id="code" class="input" type="tel" placeholder="短信验证码"/>
                <button style="border: none;outline: none;" class="getCode" >获取验证码</button>
            </div>
            <div class="input-div">
                <span class="input-title">密码</span>
                <input id="psd" class="input" type="password" placeholder="创建密码"/>
            </div>
            <div class="input-div">
                <span class="input-title"> &nbsp </span>
                <input id="confirmPsd" class="input" type="password" placeholder="确认密码"/>
            </div>
            <div class="input-div">
                <span class="input-title">邀请码</span>
                <input id="friend" class="input" type="text" readonly value=""/>
            </div>
            <div class="submit-div">
                <a style="display: inline-block;text-align: center;" class="submitBtn">注  册</a>
            </div>
            <div class="pro-div">
                <a class="pro-btn">注册即表示我同意《518彩店协议》</a>
            </div>
        </div>
    </div>
    <div class="tip-div" style="display: none">
        <div class="tip-des">
        </div>
    </div>
    <div class="pro" style="display: none">
        <div class="pro-title">518彩店协议</div>
        <div class="pro-des">
            518彩店网电话投注资金管理平台，根据国家相关法律、法规和财政部、福利彩票发行管理中心、体育彩票管理中心相关政策法规以及管理要求开展彩民购彩资金账户统一管理业务。依照本协议以下条款在518彩店网登记注册的用户，并同意以下服务条款，方有资格享受518彩店网提供的相关服务。用户在518彩店网投注即视为用户同意遵守国家法律法规、政策规定、彩票发行管理部门的规则以及518彩店网的全部规定、规则、协议（包括本协议）、定义、解释等。
            <br><br>
            一、彩票电话投注服务规则须知
            <br><br>
            1、518彩店网所提供的电话投注服务均为经国家财政部批准发行的彩票玩法，任一彩种的游戏规则以发行机构所公布的官方规则为准。518彩店网所显示的日期与时间均为北京时间，电话投注时间以518彩店网服务系统的服务器时间为准。<br>
            2、518彩店网仅代为用户购买彩票、保管彩票、领取奖金、派发奖金，而并非从事互联网彩票销售的网站，彩种规则、中奖标准的确定、奖金的发放等均由彩票发行机构公布的官方规则为准。 网站用户在518彩店网投注即视为其已授予518彩店网代理购买彩票、保管彩票、领取奖金和派发奖金的一切权利。<br>
            3、518彩店网所提供的电话投注服务是一种服务项目，并非网上投注交易，您成功在518彩店网提交投注订单后并不代表彩票已经投注成功，系统投注出票、兑奖处理，处理周期根据不同彩票品种的操作难易性而定，订单状态中将明示您的订单处理情况。<br>
            4、由于电话投注的特殊性，518彩店网并不为电话投注的委托失败承担任何责任，但是委托失败后的委托资金必须足额返还给用户。用户追号的投注委托方式如遇客观原因委托失败，518彩店网将终止用户的本次追号投注，剩余资金返还用户账号。<br>
            5、518彩店网的截止时间会提前于彩票终端系统的彩票销售截止时间，以作为彩票订单处理的冗余时间，具体提前量根据不同彩票品种而定。<br>
            6、为保障用户的合法权益，避免在中奖时因用户注册资料与真实情况不符而发生纠纷，请用户注册时务必按照真实、准确、全面的原则填写，在实名认证时必须提供真实姓名、身份证号码及手机号码等。对因用户自身原因而造成的不能充值、不能兑奖、不能提取现金等情况，518彩店网不负责任。如果用户提供的资料包含有不真实的信息，518彩店网保留终止该用户继续使用服务资格的权利。
            <br><br>
            二、代购、合买规则
            <br><br>
            1、代购、合买方案上传截止时间均以518彩店网公布的时间为准，518彩店网出票工作将按各方案成功及方案具体内容上传时间先后顺序进行，为使方案能及时出票请用户务必尽早上传方案内容和保底成功。用户自行承担因方案上传不及时、上传错误等原因产生的后果。<br>
            2、所有合买方案发起人必须购买整个合买方案的5%以上(含本数)方能成功发起合买方案;如需保底，保底金额最低1元。<br>
            3、发起人可自行设置税后奖金的0%-10%作为提成，但发起人获得提成必须满足税后奖金大于方案金额这一条件。同时，518彩店网有调整或取消提成比例的权利。<br>
            4、合买方案总进度（认购进度+保底进度）<50%时，允许发起人自行撤单; 50%≤合买方案总进度<90%时，不允许发起人自行撤单，若因其他条件需撤单，可联系本站客服进行核实后才可撤单; 合买方案总进度≥90%，本站会提供保底（网站最高保底10%），在方案截止前可满员进行出票，不允许撤单。 自购方案不允许撤单。<br>
            5、518彩店网用户在线发出追号订单，提交自选号码、投注期次、是否基于中奖而终止追号等具体服务要求，平台将于用户付款后开始执行该订单，完成追号的委托投注服务。如因彩票中心网络异常、停电、网站网络中断、出票服务器维护等特殊原因以及其它非518彩店网故意的原因，导致追号服务无法正常连续进行，518彩店网将未追完的方案做撤单返款处理。除此之外，518彩店网不再承担其他责任。用户可选择中奖后系统自动停止追号服务，即如果中奖，则追号订单中的剩余期次的投注将停止。<br>
            6、奖金分配：代购方案所中取的税后奖金，均属于此方案发起人所有。合买方案中奖后，发起人按照事先约定的方式、比例进行提成，其余奖金按照此方案各用户认购比例进行分配，除不尽的部分归方案发起人所有。所有因奖金分配产生的纠纷均由方案发起人与认购用户处理，与518彩店网无关，但518彩店网将协助纠纷双方协商处理。<br>
            7、方案超过发起截止时间还没有上传视为自动放弃该方案，若发起人承诺该方案能有足够金额保底成功的，并且在截止时间之前上传方案成功的，方案截止时间会自动延长认购（数字彩彩种会延长到当天截止的20:00，足彩类将延长至方案中最早一场比赛的开赛时间）。若在方案将近截止时才上传内容的，由于实际出票情况不确定，因此518彩店网并不保证此情形下出票成功。<br>
            8、竞彩足球、篮球投注提示：由于实际出票情况不确定，尽力保证让分(或总分)盘口和赔率的及时更新，但因盘口和赔率随时都在变化，所以518彩店网不能保证能完全及时更新，出票后将以实际出票的官方回执为准。
            <br><br>
            三、领奖流程
            <br><br>
            1、彩票开奖后，518彩店网将代为办理领取奖金、派发奖金事宜，并在三个工作日内把税后奖金汇入中奖用户之彩票账户。因用户购买记录及用户在518彩店网的账户及对奖金的领取及派发具有不可替代的作用，请用户妥善保管，因用户自己的过错致使奖金无法领取、奖金派发至用户彩票账户后被窃取等一切不利后果均由用户自己承担。<br>
            2、518彩店网采取“小奖自动返还、大奖亲自领取”的方式进行返奖。每期彩票开奖后系统自动将小奖（固定奖）奖金划至中奖用户的彩票账户里，用户随时可以查看、使用或提取奖金。如果中了大奖（浮动奖），518彩店网客服人员将第一时间进行电话通知，用户凭本人身份证至彩票发行机构兑奖，如果本人不便前去，可通过传真方式书面委托518彩店网代为领奖，奖金会划入用户在电话投注平台的彩票账户中。<br>
            3、单注彩票中奖金额高于人民币1万元（壹万元）时，用户需依法缴纳个人偶然所得税，由彩票发行中心依法代扣代缴。
            <br><br>
            四、免责条款
            <br><br>
            518彩店网努力使用户的每一次委托投注都能成功，但是并不能保证一定成功。成功与否的标志是方案的出票状态，出票成功是用户彩票购买成功的唯一标志。 由于以下情形未能成功出票的，518彩店网不承担责任：<br>
            （1）不可抗力因素，如地震、台风、海啸、区域性停电等造成无法出票。<br>
            （2）官方出票终端系统故障、通讯故障、网络异常、机器维护提前停售等造成无法出票。<br>
            （3）本站出票系统故障、网络中断、出票服务器维护、电路故障等原因导致无法出票。<br>
            （4）因比赛延期提前停售导致无法出票。<br>
            （5）因官方赛程调整无法出票。<br>
            （6）超过当期投注截止期、未付款、所投注号码被限号等原因导致无法出票的。<br>
            （7）方案发起人申请撤单或打印失败的。<br>
            （8）其他非本站过错导致未能成功出票的情形。<br>
            如因上述意外因素导致518彩店网未能够出票完毕，518彩店网将会对未出票方案做撤单返款处理，并发站内信或短信通知用户。除此之外，518彩店网不再承担其他责任。
            <br><br>
            五、其他
            <br><br>
            1、518彩店网投注完全采取自愿、合法原则，禁止任何人利用518彩店网从事诈骗、洗钱、套现等违法犯罪活动及其他有损国家、518彩店网、第三人利益之行为。518彩店网提倡文明、理性投注，因投注行为产生的一切后果均由用户负责。518彩店网认为必要时，有权要求用户提供资金来源证明，用户未能积极配合，518彩店网有权撤销其投注资格。<br>
            2、518彩店网保留单方变更本协议条款的权利。
            <br><br>
            本协议最终解释权归518彩店网所有
            <br><br>
        </div>
    </div>
</div>

<script type="text/javascript">
    var screenHeight = $(window).height();

    var friend_code = '7917';
    $('.nickname-div').text('您的好友邀请你加入518球票票！');
    $('#friend').val(friend_code);
    $('.friendCode').text(friend_code);


    function confirmInput(){
        var tel = $('#tel').val();
        var password = $('#psd').val();
        var code = $('#code').val();
        var confirmPassword = $('#confirmPsd').val();
        var recommend = $('#friend').val();
        if(tel == ''){
            $('.tip-des').text('请输入手机号码!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        if(code == ''){
            $('.tip-des').text('请输入验证码！');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        var phone = /1[34578]{1}\d{9}$/;
        if(!phone.test(tel)){
            $('.tip-des').text('请输入正确的手机号!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        if(password == ''){
            $('.tip-des').text('请输入密码!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        if(password.length>25||password.length<6){
            $('.tip-des').text('需输入6-24位密码,建议使用数字、字母、符号组合！');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        if(confirmPassword == ''){
            $('.tip-des').text('请输入确认码!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        if(confirmPassword != password){
            $('.tip-des').text('密码确认错误!请重新输入!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        if(recommend == ''){
            $('.tip-des').text('请输入邀请码!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        return true;
    }

    // 获取验证码
    $('.getCode').click(function (){
        var username = $('#tel').val();
        if(username == ''){
            $('.tip-des').text('请输入手机号码!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }
        var phone = /1[34578]{1}\d{9}$/;
        if(!phone.test(username)){
            $('.tip-des').text('请输入正确的手机号!');
            $('.tip-div').fadeIn();
            setTimeout(function () {
                $('.tip-div').fadeOut();
            },1000);
            return false;
        }

        $('.getCode').attr('disabled','disabled');

        var second = 0;
        var clickTime = new Date().getTime();
        var timer = setInterval(function () {
            second = 60 - parseInt((new Date().getTime()-clickTime)/1000);
            $('.getCode').text(second+'秒');
            if(second<=0){
                $('.getCode').removeAttr('disabled');
                $('.getCode').text('重新获取');
                clearInterval(timer);
            }
        },1000);

        if($('.getCode').attr('disabled')=='disabled'){
            $.ajax({
                type: 'get',
                url: 'http://new-518-test.518ydd.com/api/get-code',
                data: "phone="+username+'&type=register',
                dataType: 'json',
                success: function(data) {
                    if(data.success){
                        $('.tip-des').text('验证码获取成功！');
                        $('.tip-div').fadeIn();
                        setTimeout(function () {
                            $('.tip-div').fadeOut();
                        },1000);
                    }else{
                        $('.getCode').removeAttr('disabled');
                        $('.getCode').text('重新获取');
                        clearInterval(timer);
                        $('.tip-des').text(data.message);
                        $('.tip-div').fadeIn();
                        setTimeout(function () {
                            $('.tip-div').fadeOut();
                        },1000);
                    }
                },
                error: function() {
                }
            });
        }

    })

    // 提交按钮
    $('.submitBtn').click(function () {
        if(!confirmInput()){
            return false;
        }

        var tel = $('#tel').val();
        var password = $('#psd').val();
        var code = $('#code').val();
        var recommend = $('#friend').val();
        $.ajax({
            type: 'get',
            url: 'http://new-518-test.518ydd.com/api/sign-up',
            data: 'phone='+tel+'&pass='+password+'&code='+code+'&friend_code='+recommend,
            dataType: 'json',
            success: function(data) {
                console.log(data)
                if(data.success){
                    $('.tip-des').text('注册成功!');
                    $('.tip-div').fadeIn();
                    setTimeout(function () {
                        $('.tip-div').fadeOut();
                        window.location.reload();
                    },2000);
                }else{
                    $('.tip-des').text(data.message);
                    $('.tip-div').fadeIn();
                    setTimeout(function () {
                        $('.tip-div').fadeOut();
                    },1000);
                }
            },
            error: function() {
            }
        });
    })

    $('.pro-btn').click(function () {
        $('.pro').fadeIn()
    })
    $('.pro').click(function () {
        $('.pro').fadeOut()
    })
</script>
</body>
</html>